<!-- 修改个人信息 -->
<template>
   <div>
   <el-descriptions title="我的详细资料" :column="1" border>
     <el-descriptions-item label="用户名"  >{{ user.username }}</el-descriptions-item>
     <el-descriptions-item label="真实姓名" >{{ user.realname }}</el-descriptions-item>
     <el-descriptions-item label="电话"  >{{ user.phone }}</el-descriptions-item>
     <el-descriptions-item label="最近登陆时间"  >{{ user.gmtLastLogin }}</el-descriptions-item>
     <el-descriptions-item label="角色"  >{{ user.roles }}</el-descriptions-item>
     <el-descriptions-item label="状态"  >
      <el-tag v-if="user.status" effect="dark">正常</el-tag>
      <el-tag v-else effect="dark">禁用</el-tag>
     </el-descriptions-item>
   </el-descriptions>
</div>
 </template>
 <script setup lang="ts">
import { useUserstore } from '@/stores/counter'
const {user} = useUserstore()

</script>
 <style scoped>
 .my-label {
   background: var(--el-color-success-light-9);
 }
 .my-content {
   background: var(--el-color-danger-light-9);
 }
 </style>